.order-status {
  margin: 30px;
  padding-top: 30px;
  position: relative;
  .status-icon {
    width: 60px;
    height: 60px;
    text-align: center;
    background: var(--rv-green);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -30px;
    .icon {
      margin: 10px 0;
    }
  }
  .status-text {
    padding: 20px;
    background: var(--rv-white);
    border-radius: 8px;
    .title {
      text-align: center;
      margin: 2rem 0 0;
    }
    .desc {
      color: var(--rv-gray-7);
      text-align: center;
      margin-bottom: 2rem;
    }
    .order-detail-divider {
      margin-bottom: 1.5rem;
    }
    .order-detail {
      font-size: 0.9rem;
      color: var(--rv-gray-6);
      background: var(--rv-white);
      margin: 5px 0;
      .hd {
        color: var(--rv-gray-6);
        text-align: right;
      }
    }
    .qrcode-title {
      color: var(--rv-gray-6);
      margin-bottom: 10px;
    }
    .qrcode-img {
      text-align: center;
      img {
        width: 200px;
      }
    }
  }
}